<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="" method="post" name="name1">
    <!--text  文本框-->
    <h4>text  文本框</h4>
    <input type="text">
    <!--button  按钮-->
    <h4>button  按钮</h4>
    <input type="button">
    <!--checkbox  复选框-->
    <h4>checkbox  复选框</h4>
    <input type="checkbox">
    <!--file  文件上传按钮-->
    <h4>file  文件上传按钮</h4>
    <input type="file">
    <!--hidden  隐藏的输入字段-->
    <h4>hidden  隐藏的输入字段</h4>
    <input type="hidden">
    <!--image  图像形式的提交按钮-->
    <h4>image  图像形式的提交按钮</h4>
    <input type="image">
    <!--password  密码形式的提交按钮-->
    <h4>password  密码形式的提交按钮</h4>
    <input type="password">
    <!--radio  单选框-->
    <h4>radio  单选框</h4>
    <input type="radio" >
    <!--reset  定义重置按钮，清空表单数据-->
    <h4>reset  定义重置按钮，清空表单数据</h4>
    <input type="reset">
    <!--submit  定义提交按钮，把表单数据发送到服务器-->
    <h4>submit  定义提交按钮，把表单数据发送到服务器</h4>
    <input type="submit">
    <!--name属性  规定单选按钮和多选按钮必须要有相同的name才能实现单选多选-->
    <h4>name属性  规定单选按钮和多选按钮必须要有相同的name才能实现单选多选</h4>
    <input type="radio" name="1" value="男">
    <input type="radio" name="1" value="女">
    <input type="radio" name="1" value="人妖">
    <br>
    <input type="checkbox" name="1"  value="black">
    <input type="checkbox" name="1"  value="white">
    <input type="checkbox" name="1"  value="blue">
    <input type="checkbox" name="1"  value="purple">
    <!--checked属性 定义单选框和多选框默认选中状态-->
    <h4>checked属性 定义单选框和多选框默认选中状态</h4>
    <input type="radio" name="1" value="男" >
    <input type="radio" name="1" value="女" checked>
    <input type="radio" name="1" value="人妖">
    <br>
    <input type="checkbox" name="1"  value="black" checked>
    <input type="checkbox" name="1"  value="white">
    <input type="checkbox" name="1"  value="blue" checked>
    <input type="checkbox" name="1"  value="purple">
    <h4>maxlength属性 用户可以在表单元素中输入最大的字符数</h4>
    <input type="text" name="1" maxlength="12">
    <h4>提交按钮的value值可以改按钮的名字</h4>
    <!-- 点击了提交按钮，可以把表单域中的form元素的值提交给后台服务器 -->
    <input type="submit" value="你好">
    <!--label标签可以增加用户体验-->
    <h4>label标签可以增加用户体验</h4>
    <label for="myinput">我是输入类表单元素的标签</label>
    <input id="myinput" type="text">
    <label for="mycheck">我是点击类表单元素的标签</label>
    <input id="mycheck" type="checkbox">
    <label for="mycheck">我是select框元素的标签</label>
    <h4>select框可以从多个元素中选一个</h4>
    籍贯:
    <select id="myselect">
        <option>山东</option>
        <option>北京</option>
        <option selected="selected">天津</option>
        <option>火星</option>
    </select>
    <h4>textarea框可以实现多行显示</h4>
</form>
</body>
</html>